<template>
  <div>
      <Col span="4">
        <Row>
          <div style="background: #eee; padding: 20px">
            <Card :bordered="false">
              <h2 slot="title" class='About'>About</h2>
              <p>{{ myAbout }}</p>
            </Card>
          </div>
        </Row>
      </Col>
  </div>
</template>

<script>
export default {
data() {
    return {
      
      myAbout:
        "Content of no border type. Content of no border type. Content of no border type. Content of no border type. ",
    };
  },
}
</script>

<style>
.About {
    color:deepskyblue
}
</style>